<!doctype html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />  
<link rel="stylesheet" type="text/css" href="css/libs/CSSRESET.css">
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/clock.css">
<script src="js/libs/jquery-2.1.3.min.js"></script>
<script>
	$(function(){
		var date = new Date();
		var week =date.getDay();
		
		$(".weekday span").eq(week).addClass("active");
	});
</script>
</head>
<body>
<article class="wrapper">
    <div class="main">
    	
    	<div class="profile">
        	<img src="img/icon_p_img.png" alt=""/>
            <span>时间杼轴</span>
        </div>
        
        <div class="info clear">
        	<div>
            	<span>累计打卡</span>
                <em>10天</em>
            </div>
            
            <div>
            	<span>累计学习</span>
                <em>1000m</em>
            </div>
        </div>
        
        <div class="weekday">
        	<span>日</span>
            <span>一</span>
            <span>二</span>
            <span>三</span>
            <span>四</span>
            <span>五</span>
            <span>六</span>
        </div>
    </div>
</article>
<!-- wrapper End -->

<div class="download">
	<div class="download_wrap">
        <div><img src="img/icon_face.png" alt="" /></div>
        <div>
            <h5>外教君</h5>
            <p>一键学英语</p>
        </div>
        <div><a href="javascript:;"></a></div>
    </div>
</div>
<!-- download -->

</body>
</html>
